import React from 'react';
import { Button } from 'antd';
import { PictureOutlined } from '@ant-design/icons';

const CTASection = () => {
  return (
    <section className="py-16 bg-primary-600 dark:bg-primary-800">
      <div className="container mx-auto px-4 text-center fade-in">
        <h2 className="text-3xl font-bold mb-6 text-white">准备好开始创作了吗？</h2>
        <p className="max-w-2xl mx-auto text-primary-100 mb-8">立即体验图灵画匠，将您的图片转换为惊艳的艺术作品</p>
        <Button 
          type="default" 
          size="large" 
          icon={<PictureOutlined />} 
          className="btn-hover inline-flex items-center justify-center px-8 py-4 bg-white hover:bg-gray-100 text-primary-600 font-medium rounded-lg shadow-lg transition"
          href="#demo"
        >
          免费试用
        </Button>
      </div>
    </section>
  );
};

export default CTASection; 